<script setup lang="ts">
import {ref} from "vue";
import MessageBox from "@/app/connect/views/leftControl/modules/content/sessionBox.vue";

const value = ref()
</script>
<template>
  <div class="session">
    <div class="search">
      <a-input-search
          v-model:value="value"
          placeholder="搜索"
          class="search-input"
      />
    </div>
    <div class="message-container">
      <MessageBox></MessageBox>
      <MessageBox></MessageBox>
      <MessageBox></MessageBox>
      <MessageBox></MessageBox>
      <MessageBox></MessageBox>
      <MessageBox></MessageBox>
      <MessageBox></MessageBox>
      <MessageBox></MessageBox>
      <MessageBox></MessageBox>
      <!--      <MessageBox></MessageBox>-->
    </div>
  </div>
</template>
<style lang="less" scoped>
.session {
  height: 100%;
  .search {
    margin: 10px auto 10px auto;
    display: flex;
    align-items: center;

    .search-input {
      width: 85%;
      margin: 8px auto 0 auto;
      border-radius: 25px;
      font-size: 12px;
    }
  }

  .message-container::-webkit-scrollbar {
    display: none;
  }

  .message-container {
    overflow: auto;
    box-sizing: content-box;
    //max-height: calc(100% - 140px)!important;
    height: calc(100% - 62px)!important;
  }


}
</style>
